$(function () {
  var res_section = $.ajax("../data-section.json").then(function (res) {
    var html = "";
    for (let i = 0; i < 4; i++) {
      html += `
        <div class="container">
          <h5>${res.titles[i].title}</h5>
          <img src="${res.titles[i].imges}" >
          `;
      for (let a = 6 * i; a < 6 * i + 6; a++) {
        html += `
        <a href="./details.html">  
                <div class="box">
                    <img src=${res.datas[a].images}>
                    <a>${res.datas[a].name}</a>
                    <h4>${res.datas[a].intro}</h4>
                    <h3>¥${res.datas[a].price}</h3>
                </div>
        </a>
            `;
      }
      html += "</div>";
    }
    $(".section").html(html);
  });
});
